</div>
<div id="principal">
   <div id="cuerpo">
    <section id="parrafo">
      
	<script type="text/javascript">
	function datos_marker(lat, lng, marker)
    {
     var mi_marker = new google.maps.LatLng(lat, lng);
     map.panTo(mi_marker);
     google.maps.event.trigger(marker, 'click');
    }
	</script>
	<?=$map['js']?>
<?=$map['html']?>
<div id="sidebarmap">
	<ul>Puntos de Interes Universitarios
		</br>
		<?php
		foreach($datos as $marker_sidebar)
		{
			if($marker_sidebar->id_sede==$sede){ 
			?><li id="selec" onclick="datos_marker(<?=$marker_sidebar->latitud?>,<?=$marker_sidebar->longitud?>,marker_<?=$marker_sidebar->id_pdi?>)">
			<a  class="entypo-tag" href=""></a>&nbsp;&nbsp;<?=substr($marker_sidebar->nombre,0,14)?></li><?php
		}}
		?>
	</br>
	<a title="Volver" class="entypo-back" href="<?php echo base_url();?>pdi/"></a>
	</ul>
</div>
</div>
</div>
</body>
</html> 